<template>
  <div style="height: 100%;">
   <div class="flex error-box" style="height: 100%;">
     <a-result v-if="ssoError=='程序内部错误'"  status="500" :title="ssoError">
       <a-button  type="primary" @click="loginAgain">
         重新登录
       </a-button>
     </a-result>
     <a-result v-else  status="403" :title="ssoError">
       <a-button  type="primary" @click="loginAgain">
         重新登录
       </a-button>
     </a-result>
   </div>
  </div>
</template>

<script>
  export default {
    components: {

    },
    name: '',
    data() {
      return {
        ssoError : ''
      }
    },
    beforeMount() {
      this.$message.destroy();
    },
    mounted() {
      this.ssoError = this.$route.query.ssoError;
      // 1.saml的回调SAMLResponse为空
      // 2.验证saml的回调xml失败
      // 3.域账号为空
      // 4.程序内部错误
    },
    methods: {
      loginAgain(){
        this.$router.replace("/");
      }
    }
  }
</script>

<style>
  .error-box .ant-result-content{
    background: transparent;
    text-align: center;
    margin: 0;
  }
</style>

